import React from 'react'
import {
  Form,
  Input,
  Button,
  Dialog,
  TextArea,
  DatePicker,
  Selector,
  Slider,
  Stepper,
  Switch,
  Tabs 
} from 'antd-mobile'
import { useNavigate } from 'react-router-dom'
import Logi from '../../compution/Logi'
import image from '../../img/image.png'
// import Upit  from '../../compution/Upit'
function Index() {
    const navigate=useNavigate()
  return (
    <div>
        <Tabs>
        <Tabs.Tab title='App登录' key='fruits'>
          {/* <Button onClick={()}>密码登录</Button> */}
          <img src={image} alt="" style={{ width: '100%' }} />
          
          </Tabs.Tab>
          <Tabs.Tab title='免密登录' key='vegetables'>
            西红柿
          </Tabs.Tab>
          <Tabs.Tab title='密码登录' key='animals'>
             <Logi></Logi>
          </Tabs.Tab>
        </Tabs>
     
    </div>
  )
}

export default Index
